<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]蔡梓涵-网络与新媒体学生/广州</title>
    <link rel="shortcut icon" href="assets/images/touxiang.jpg" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
</head>

<body>

<header>
	<nav class="menu">
	<div class="wrapper_typing">
                <div class="typing-demo">欢迎来到拆拆的简历：）</div>
            </div>
	</nav>
	</header>

    <article class="container">
        <section class="side" id="side">

            <!-- 左栏固定开关，记得及时删除这段代码 Start-->
            <label class="switch" style="display: none;" onchange="switchFixed()">
                <script type="text/javaScript">
                    function switchFixed(){
                        var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
                        document.getElementById('side').style.position = value;
                    }
                </script>
                <input id="cb" type="checkbox">
                <span class="slider round"></span>
            </label>
            <style>
                @media (min-width: 	750px){
                    .switch{position:relative;display:inline-block!important;width:60px;height:34px;}
                    .switch input{display:none;}
                    .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:darkseagreen;-webkit-transition:.4s;transition:.4s;}
                    .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:rosybrown;-webkit-transition:.4s;transition:.4s;}
                    input:checked + .slider{background-color:#1abc9c;}
                    input:focus + .slider{box-shadow:0 0 1px #1abc9c;}
                    input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}.slider.round{border-radius:34px;}
                    .slider.round:before{border-radius:50%;}
                }
            </style>
            <!-- 左侧固定开关，记得及时删除这段代码 End-->

            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div class="loading">
                    </div>
					
                    <!-- 头像照片 -->
                    <img class="avatar" src="assets/images/touxiang.jpg" style="display:block "></img>
                </section>

                <h1 class="name">蔡梓涵</h1>
                <h4 class="info-job">网络与新媒体学生 / 广州</h4>

            </section>

            <!-- 基本信息 -->
            <address class="profile info-unit">
                <h2>
                    <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true" style="color:#771F3B"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>蔡梓涵 / 女 / 19岁</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>CET-4</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>尚未考级</span>
                    </li>
                </ul>
            </address>

            <!-- 联系方式 -->
            <address class="contact info-unit">
                <h2>
                    <i class="fa fa-bell-slash fa-spin" aria-hidden="true" style="color:#771F3B"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:15168285219" target="_blank">136-7043-4060</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:ze.zh@hotmail.com" target="_blank">12345678@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="http://0b11111110.com/" target="_blank">12345678910.com</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://github.com/0b11111110" target="_blank">github.com/0b11111110</a>
                    </li>
                </ul>
            </address>

            <!-- 技能点 -->
            <address class="skill info-unit">
                <h2>
                    <i class="fa fa-bell fa-spin" aria-hidden="true" style="color:#771F3B"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="60" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="68" max="100"></progress>
                    </li>
                    <li>
                        <label>React</label>
                        <progress value="90" max="100"></progress>
                    </li>
                    <li>
                        <label>Node.js</label>
                        <progress value="58" max="100"></progress>
                    </li>
                    <li>
                        <label>小程序</label>
                        <progress value="70" max="100"></progress>
                    </li>
                </ul>
            </address>

            <address class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true" style="color:#771F3B"></i>二维码</h2><b>{ 欢迎来＋！！！}</b>
                <hr/>
				<figure>
					<img src="assets/images/wechat.jpg" style="width: 90%;" >
				</figure>
                
            </address>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

            <!-- 教育经历 -->
	<main>
        <section class="main">
			
            <address class="edu info-unit">
                <h2>
                    <i class="fa fa-book" aria-hidden="true" style="color:#771F3B"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>广东汕头华侨中学 - 物政生（高中）</span>
                            <time>2018.9-2021.7</time>
                        </h3>
                        <p>班级排名
                            <mark style="background:#F4F1DF">10/56</mark>，期间为班级宣传委员，组织校大型跨年晚会，并获得“最佳组织奖”。在学业上，三年分别获得一次二等奖学金和两次三等奖学金。</p>
                    </li>
                    <li>
                        <h3>
                            <span>广州南方学院大学 - 网络与新媒体专业（本科）</span>
                            <time>2021.9-2022.7</time>
                        </h3>
                        <p>专业排名
                            <mark style="background:#F4F1DF">31/131</mark>，其中积极参加志愿者活动，参与《我的一天》短视频拍摄，在《人民日报》新闻网中发表报告（其中第一作者一篇），获专注之星、晨跑之星。熟练掌握pr、ps、ae等专业技能。</p>
                    </li>
                </ul>
            </address>
			</main>
		<hr style="opacity:0">
			
            <!-- 工作经历 -->
		<main>
        <section class="main">
            <address class="work info-unit">
                <h2>
                    <i class="fa fa-camera" aria-hidden="true" style="color:#771F3B"></i>工作经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经历1]云南7sea咖啡－销售（实习）</span>
                            <time>2022.6.30 至 2022.8.10</time>
                        </h3>
                        <ul class="info-content">
                            <li>对基本的工作基础进行认识，例如咖啡机的使用、咖啡豆的认识和研磨，对菜单的熟背，对整个咖啡厅总体结构的认识。在月底获得
                                <mark style="background:#F4F1DF">“最佳员工奖”</mark>，完成
                                <mark style="background:#F4F1DF">第一次正式实习的结束</mark>。</li>
                            <li>对人际交往有了进一步的认识，在和不同人与人之间的交流和沟通上得到提升。</li>  
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经历2]羊城晚报－记者（实习)</span>
                            <time>2022.9-2022.10</time>
                        </h3>
                        <ul class="info-content">
                            <li>对新闻写作有了一定认识，出部分在广州的新闻活动。学习部分摄影机器的运用，对新闻的照片进行拍摄和后期的润色。在结束时获得月季
                                <mark style="background:#F4F1DF">最佳员工奖</mark>，并学会活动banner、帖子管理（使用Yii框架）等功能。项目采用技术栈phpWind+NAMP。
                                <a href="http://itsay.tech/162/" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                            <li>主要参与新闻报告的撰写，实现接入微博、微信、QQ等
                                <mark style="background:#F4F1DF">第三方账号登录</mark>等功能。</li>
                            <li>活动页面的设计（社会新闻、热点活动等）。 <a href="#" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>博客文章</a>。</li>
                        </ul>
                    </li>
                </ul>
            </address>
			</main>
<hr style="opacity:0">

            <!-- 项目经验 -->
			<main>
        <section class="main">
            <address class="project info-unit">
                <h2>
                    <i class="fa fa-calendar" aria-hidden="true" style="color:#771F3B"></i>校内经验</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[经验1]校钢琴协会精英部部长</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2021.10-至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>安排学校各钢琴人才进行教学活动</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true" style="color:#771F3B"></i>
                                [目标]帮助许多热爱钢琴却没有机会学习钢琴的同学学习钢琴。
                                <br/>
                                <i class="fa fa-users" aria-hidden="true" style="color:#771F3B"></i>
                                [形式]一对一进行教学
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true" style="color:#771F3B"></i>
                                [贡献]安排好各
                                <mark style="background:#F4F1DF">小老师和学员</mark>的时间段，主要做中间沟通工作。
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true" style="color:#771F3B"></i>
                                [效果]教学成果显著，吸引更多钢琴人才与钢琴热爱者的加入。</li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经验2]校天文协会策划部干事</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2021.11-至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>为天文协会出任务或者活动做详细策划</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true" style="color:#771F3B"></i>
                                [目标]实现活动的完整运行、能够预测本活动会出现的各种内容。
                                <br/>
                                <i class="fa fa-users" aria-hidden="true" style="color:#771F3B"></i>
                                [团队]一般与1~2位同学协作出策划书。
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true" style="color:#771F3B"></i>
                                [形式]与团队合作和沟通，做出一份完整的策划案交给
                                <mark style="background:#F4F1DF">上级</mark> 并
                                <mark style="background:#F4F1DF">及时</mark> 和秘书部沟通好资金的使用。
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true" style="color:#771F3B"></i>
                                [效果]三次活动中完美地进行。
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[经验3]拍摄延时摄影项目</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2022.2-2022.6</time>
                        </h3>
                        <ul class="info-content">
                            <li>第一次非线性编辑作业</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true" style="color:#771F3B"></i>
                                [目标]用延时摄影地方式拍摄校内风景或人物
                                <br/>
                                <i class="fa fa-users" aria-hidden="true" style="color:#771F3B"></i>
                                [团队]与 1 位同学
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true" style="color:#771F3B"></i>
                                [形式]从早到晚去操场、新综合楼、食堂、图书馆拍摄。
                                <mark style="background:#F4F1DF">分别</mark> 去操场、新综合楼、食堂、图书馆拍摄。运用
                                <mark style="background:#F4F1DF">pr</mark> 进行视频后期的制作。
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true" style="color:#771F3B"></i>
                                [效果]获得“90+”的分数。
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目4]《纸飞机》短视频</span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2022.5-2022.6</time>
                        </h3>
                        <ul class="info-content">
                            <li>写脚本工作和摄影工作</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true" style="color:#771F3B"></i>
                                 [目标]写一个有内涵的剧本，并进行拍摄活动，最后用pr剪辑成一个短视频。
                                <br/>
                                <i class="fa fa-users" aria-hidden="true" style="color:#771F3B"></i>
                                [团队]总共五个人分工不同任务。
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true" style="color:#771F3B"></i>
                                [形式]运用1~3周时间，
                                <mark style="background:#F4F1DF">超过50个脚本</mark> 的前提下拍摄，超过
                                <mark style="background:#F4F1DF">6个</mark> 场景镜头
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true" style="color:#771F3B"></i>
                                 [成果]期末获得“90+”分数
                            </li>
                        </ul>
                    </li>

                </ul>
            </address>
			</main>
<hr style="opacity:0">

            <!-- 自我评价 -->
				<main>
        <section class="main">
            <address class="work info-unit">
                <h2>
                    <i class="fa fa-cloud" aria-hidden="true" style="color:#771F3B"></i>自我评价/期望</h2>
                <hr/>
                <p>本人热心友善，真诚对待人际的交流，工作认真负责，拥有优秀的团队意识。举止优雅，性格乐观。本人对于网络以及新闻专业方面有一定的见解，更喜欢创意性的活动。
					<b>“知足常乐”是我的座右铭。</b>平常的兴趣爱好是健身和音乐,很乐于和同样兴趣爱好的人在每周进行“切磋”。</p>
            </address>
        </section>
					</main>
    </article>



    <footer class="footer">
        <p>© 2022 蔡梓涵.文档最后更新时间为
            <time>2022年11月11日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
        <ul>
            <li>
                <a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="http://if2er.com/" target="_blank">Blog</a>
            </li>
        </ul>
    </aside>

    <script src="./assets/js/index.js"></script>
</body>

</html>